<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="/css/list.css" />
		<link rel="stylesheet" type="text/css" href="/css/base.css" />
		<link rel="stylesheet" type="text/css" href="/css/style.css" />
		<link rel="stylesheet" href="/font/iconfont.css" />
		<script src="/lib/requirejs/require.js" data-main="/js/list"></script>
	</head>

	<body>
		<header></header>

		<div class="maxpath"></div>

		<!--分类-->
		<div class="catalogue ">
			<div class="top">
				<span>分类:</span>
				<ul>
					<li>
						<a href=" ">臻选蛋糕</a>
					</li>
					<li>
						<a href=" ">全国发专区</a>
					</li>
					<li>
						<a href=" ">巧克力蛋糕</a>
					</li>
					<li>
						<a href=" ">星座蛋糕</a>
					</li>
					<li>
						<a href=" ">裸蛋糕</a>
					</li>
					<li>
						<a href=" ">奶油水果蛋糕</a>
					</li>
					<li>
						<a href=" ">慕斯蛋糕</a>
					</li>
					<li>
						<a href=" ">拼接蛋糕</a>
					</li>
					<li>
						<a href=" ">乳酪蛋糕</a>
					</li>
					<li>
						<a href=" ">冰淇淋蛋糕</a>
					</li>
					<li>
						<a href=" ">卡通蛋糕</a>
					</li>
					<li>
						<a href=" ">蛋糕伴侣</a>
					</li>
					<li>
						<a href=" ">VIP购卡</a>
					</li>
				</ul>
			</div>

			<div class="bottom">
				<div class="left ">
					<a href=" ">默认</a>
					<a href=" ">价格<i class="iconfont icon-paixu-down "></i>
						<i class="iconfont icon-paixu hidden "></i></a>
					<a href=" ">销量<i class="iconfont icon-paixu-down "></i>
						<i class="iconfont icon-paixu hidden "></i></a>
					<label>排序:</label>
					<select name="orderBy" id=" " class="action-orderby ">
						<option value=" " selected=" ">默认</option>
						<option value="price desc ">按价格 从高到低</option>
						<option value="price asc ">按价格 从低到高</option>
						<option value="view_w_count desc ">访问周次数</option>
						<option value="view_count desc ">总访问次数</option>
						<option value="buy_w_count desc ">周购买次数</option>
						<option value="buy_count desc ">总购买次数</option>
					</select>
				</div>
				<div class="right">
					<span>1/4</span>
					<i class="iconfont icon-fanye-prev-copy "></i>
					<i class="iconfont icon-fanye "></i>
					<i class="iconfont icon-datu "></i><span>大图</span>
					<i class="iconfont icon-list-1-copy "></i><span>列表</span>
				</div>
			</div>
		</div>

		<!--列表信息-->
		<!--使用模板字符串-->

		<div class="max_gallery_grid">
			<!--翻页-->
			<div class="pageview">
				<a href="javascript:void(0);">&lt;</a>
				<a href=" ">1</a>
				<a href=" ">2</a>
				<a href=" ">3</a>
				<a href=" ">4</a>
				<a href=" ">&gt;</a>
			</div>
		</div>
		<!--<div class="gallery_grid">
			</div>-->
		<script type="text/html" id="goods-items">
			{{each list good}}
			<div class="goods-item">
				<a href="/html/detail.html?id={{good.id}}" class="id">
					<input type="hidden" class="good_id" value="{{good.id}}" />
					<dl>
						<dt class="good_img"><img src="{{good.img}}" /></dt>
						<dd class="good_title">{{good.title}}</dd>
						<dd class="good_price">{{good.price}}</dd>
					</dl>
				</a>
				<div class="action">
					<a href="javascript:void(0);">
						<span class="decrement">-</span>
					</a>
					<input type="text" class="num" value="1" />
					<a href="javascript:void(0);">
						<span class="increment">+</span>
					</a>
					<a href="javascript:void(0);" class="add_to_cart">加入购物车</a>
				</div>
			</div>
			{{/each}}
		</script>

		<!--右侧边栏-->
		<div class="max_list_right">
			<h3>京津3小时速达<span>更多&gt;</span></h3>
			<div class="list_right"></div>
			<script type="text/html" id="good_rightList">
				{{each list good}}
				<dl>
					<dt><img src="{{good.img}}"/></dt>
					<dd>{{good.title}}</dd>
					<dd>{{good.price}}</dd>
				</dl>
				{{/each}}
			</script>
		</div>

		<footer></footer>

	</body>

</html>